/*
Created by: @themepixels
URL: http://themepixels.com/

[TABLE OF CONTENTS]

1.  IMPORTS
2.  RESET STYLES
3.  HEADER STYLES
    3.1 HEADER LEFT
    3.2 HEADER RIGHT
4.  MAIN WRAPPER STYLES
    4.1 LEFT PANEL STYLES
        4.1.1 LEFT PANEL NAVIGATION
    4.2 MAIN PANEL STYLES
        4.2.1 CONTENT PANEL STYLES
5.  MESSAGES STYLES
6.  UI ELEMENTS STYLES
    6.1 BUTTONS PAGE STYLES
    6.2 EXTRAS STYLES
    6.3 GRAPHS STYLES
    6.4 ICON STYLES
    6.5 PANELS & WIDGET STYLES
    6.6 TABS & ACCORDION STYLES
7.  FORM STYLES
    7.1 FORM WIZARD STYLES
8.  TABLE STYLES
9.  PAGES STYLES
    9.1 NOT FOUND PAGE STYLES
    9.2 INVOICE STYLES
    9.3 MEDIA MANAGER STYLES
    9.4 PEOPLE DIRECTORY STYLES
    9.5 PROFILE STYLES
    9.6 SEARCH RESULTS STYLES
    9.7 SIGN IN/UP PAGE STYLES
    9.8 LOCKED SCREEN STYLES
10. DASHBOARD STYLES
11. LEFT MENU COLLAPSE STYLES
12. CUSTOM STYLES
13. MEDIA QUERIES

*/


/********** 1. IMPORTS **********/
/********************************/

/********** 2. RESET STYLES **********/
/*************************************/

body {
    font-size: 14px;
    color: #636E7B;
    background-color: #fff;
}

a {
    outline: none !important;
}

a:hover,
a:active,
a:focus {
    text-decoration: none;
}
/**********margin padding**************/
.gray3{
	color:#333333;
}
.gray9{
	color:#999999;
}
.ptb30{
	padding:30px 0;
}
.ptb40{
	padding:40px 0;
}
.pt30{
	padding-top:30px;
}
.white-bg{
	background-color:#ffffff;
}
.grayed-bg{
	background-color:#ededed;
}
.m-15{margin:-15px;}
.mt10{
	margin-top:10px;
}
.mt20{
	margin-top:20px;
}
.mt40{
	margin-top:40px;
}
.mt50{
	margin-top:50px;
}
.mt70{
	margin-top:70px;
}
.mt80{
	margin-top:80px;
}
.mt140{
	margin-top:140px;
}
.mtb30{
	margin:30px 0;
}
.mt125{
	margin-top:125px;
}
.mb10{
	margin-bottom:10px;
}
.mb20{
	margin-bottom:20px;
}
.mb30{
	margin-bottom:30px;
}
.ml30{
	padding-left:30px;
}
.ml{
	margin-left:48px;
}
.mlr10{
	margin:0 10px;
}
.mr5{ 
	margin-right:5px;
}
.noborder{border:none;}
/**********rewrite nav**************/
.navbar {
  min-height: 70px;
  line-height:70px;
  z-index:100;
}
.navbar-brand {
  float: left;
  height: 70px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
}
@media (min-width: 768px) {
  .navbar-nav > li > a {
    padding-top: 30px;
    padding-bottom: 15px;
	font-size:16px;
  }
}
.navbar-brand {
  height: 70px;
  font-size: 20px;
  padding: 30px 30px 20px 30px;
  line-height: 20px;
}
.navbar-toggle {
  margin-top: 22px;
}
.navbar-blue {
  background-color:rgba(0, 162, 233, .5);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f00a2e9,endColorstr=#7f00a2e9);    /*IE8支持*/
  border-color: transparent;
}
.navbar-blue .navbar-brand {
  color: #ffffff;
}
.navbar-blue .navbar-brand:hover,
.navbar-blue .navbar-brand:focus {
  color: #bfebfe;
  background-color: transparent;
}
.navbar-blue .navbar-text {
  color: #ffffff;
}
.navbar-blue .navbar-nav > li > a {
  color: #ffffff;
  padding-left:30px;
  padding-right:30px;
}
.navbar-blue .navbar-nav > li > a:hover,
.navbar-blue .navbar-nav > li > a:focus {
  color: #bfebfe;
  background-color: transparent;
}
.navbar-blue .navbar-nav > .active > a,
.navbar-blue .navbar-nav > .active > a:hover,
.navbar-blue .navbar-nav > .active > a:focus {
  color: #ffffff;
  border-bottom:2px solid #ffffff;
}
.navbar-blue .navbar-nav > .disabled > a,
.navbar-blue .navbar-nav > .disabled > a:hover,
.navbar-blue .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-blue .navbar-toggle {
  border-color: #fff;
}
.navbar-blue .navbar-toggle:hover,
.navbar-blue .navbar-toggle:focus {
  background-color: #fff;
}
.navbar-blue .navbar-toggle:hover .icon-bar,
.navbar-blue .navbar-toggle:focus .icon-bar{
  background-color: #00a2e9;
}
.navbar-blue .navbar-toggle .icon-bar {
  background-color:#fff;
}
.navbar-blue .navbar-collapse,
.navbar-blue .navbar-form {
  border-color: #e7e7e7;
}
.btn-size{ font-size:16px; font-weight:normal; padding: 8px 22px; margin-right:25px;}

.navbar .btn-info {
  color: #fff;
  background-color: #4ad4de;
}
.navbar .btn-info:focus,
.navbar .btn-info.focus {
  color: #fff;
  background-color: #3ec8d2;
  border-color: #1b6d85;
}
.navbar .btn-info:hover {
  color: #fff;
  background-color: #3ec8d2;
  border-color: #269abc;
}
.navbar .btn-info:active,
.navbar .btn-info.active{
  color: #fff;
  background-color: #3ec8d2;
  border-color: #269abc;
}

.navbar .btn-info-alt {
  color: #fff;
  background-color:transparent;
  border:1px solid #fff;
}
.navbar .btn-info-alt:focus,
.navbar .btn-info-alt.focus {
  color: #00a2e9;
  background-color:#ffffff;
  border-color: #ffffff;
}
.navbar .btn-info-alt:hover {
  color: #00a2e9;
  background-color:#ffffff;
  border-color: #ffffff;
}
.navbar .btn-info-alt:active,
.navbar .btn-info-alt.active{
  color: #00a2e9;
  background-color:#ffffff;
  border-color: #ffffff;
}

.navbar .btn-blue-alt {
  color: #00a2e9;
  background-color:transparent;
  border:1px solid #00a2e9;
}
.navbar .btn-blue-alt:focus,
.navbar .btn-blue-alt.focus {
  color: #ffffff;
  background-color:#00a2e9;
  border-color: #00a2e9;
}
.navbar .btn-blue-alt:hover {
  color: #ffffff;
  background-color:#00a2e9;
  border-color: #00a2e9;
}
.navbar .btn-blue-alt:active,
.navbar .btn-blue-alt.active{
  color: #ffffff;
  background-color:#00a2e9;
  border-color: #00a2e9;
}
/****rewirte navbar-default****/
.navbar-default {
  background-color: #ffffff;
  border-color: transparent;
}
.navbar-default .navbar-brand {
  color: #00a2e9;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #bfebfe;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #333333;
}
.navbar-default .navbar-nav > li > a {
  color: #333333;
  padding-left:30px;
  padding-right:30px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #00a2e9;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #00a2e9;
  border-bottom:2px solid #00a2e9;
  background-color:transparent;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #333333;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #4AD4DE;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #fff;
}
.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar{
  background-color: #00a2e9;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color:#4AD4DE;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
/********** BANNER PART **********/
/**************************************/
.banner-style{
	margin:0 auto;
	text-align:center;
	background-color:#00a2e9;
	width:100%;
	height:698px;
}
.banner-image{
	width:1100px;
	position:relative;
	display:inline-block;
}
.register-button{
	display: inline-block;
	position: absolute;
	top: 499px;
	right: 130px;
}
.register-button a,.dl-style-bt a,.news-button a{
	display:inline-block;
	border-radius:4px;
	-moz-border-radius:4px; 
	-webkit-border-radius:4px;
	color:#ffffff;
	font-size:20px;
	font-weight:600;
	cursor:pointer;
}
.register-button a,.news-button a{
	width:240px;
	height:60px;
	line-height:60px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#6ccb42), to(#60bf36)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #6ccb42, #60bf36); /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image:    -moz-linear-gradient(top, #6ccb42, #60bf36); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, #6ccb42, #60bf36); /* IE10 */
    background-image:      -o-linear-gradient(top, #6ccb42, #60bf36); /* Opera 11.10+ */
    background-image:linear-gradient(to bottom, #6ccb42, #60bf36);
	background-color:#67c63d;
	-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, .16);
    box-shadow:0px 0px 4px rgba(0, 0, 0, .16);
}
.dl-style-bt a{
	width:280px;
	height:60px;
	line-height:60px;
	background-color:transparent;
	border:1px solid #ffffff;
}
.register-button a:hover,.register-button a:active,.news-button a:hover,.news-button a:active{
	color:#ffffff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#22b308), to(#22b308)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #22b308, #22b308); /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image:    -moz-linear-gradient(top, #22b308, #22b308); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, #22b308, #22b308); /* IE10 */
    background-image:      -o-linear-gradient(top, #22b308, #22b308); /* Opera 11.10+ */
    background-image:linear-gradient(to bottom, #22b308, #22b308);
	background-color:#22b308;
	
}
.dl-style-bt a:hover,.dl-style-bt a:active{
	color:#ffffff;
	background-color:#4ad4de;
	
}
/********** classify part **********/
.classify-title h1{
	font-size:62px;
	color:#333333;
	margin:0;
}
.classify-title h3{
	font-size:14px;
	color:#333333;
	margin:-8px 0 0 0;
}
.product-title h2,.product-title h3{
	color:#333333;
}
.classify-title p,.product-title p{
	margin:15px 0 35px 0;
	font-size:16px;
	color:#777777;
	line-height:30px;
}
.bottom-line-style{
	border-bottom:2px solid #00a2e9;
	padding:0 30px 10px 30px; 
	display:inline-block;
}
.bottomleft-line-style{
	border-bottom:2px solid #00a2e9;
	padding:0 60px 10px 0; 
	display:inline-block;	
}
.classify-style img{
	margin-bottom:0;
	padding-bottom:0;
	cursor:pointer;	
}
.classify-style h3{
	font-size:24px;
	color:#333333;
	padding:5px 0 12px 0;
	margin:0;
}
.classify-style p{
	color:#999999;
	line-height:24px;
}
/********** phone part **********/
.phoneone-dl dt{
	list-style:none;
	float:left;
	margin:40px 5px 0 0; 
}
.phoneone-dl h3,.phone-title{
	color:#333333;
	font-size:26px;
} 
.phoneone-dl p{
	color:#777777;
	line-height:24px;
}
.phone-p{
	color:#999999;
	line-height:24px;
}

.phone-number{
	background-image: -webkit-gradient(linear, left top, left bottom, from(#5bcbf3), to(#95def9)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(left, #5bcbf3, #95def9); /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image:    -moz-linear-gradient(left, #5bcbf3, #95def9); /* FF3.6 */
    background-image:     -ms-linear-gradient(left, #5bcbf3, #95def9); /* IE10 */
    background-image:      -o-linear-gradient(left, #5bcbf3, #95def9); /* Opera 11.10+ */
	background-image:linear-gradient(to right, #5bcbf3, #95def9);
	background-color:#5bcbf3;
	display:inline-block;
	height:36px;
	line-height:36px;
	width:36px;
	font-size:20px;
	font-weight:normal;
	color:#ffffff;
	text-align:center;
	border-radius:36px;
	-moz-border-radius:36px; 
	-webkit-border-radius:36px;
}
.statistics-style{
	background:url(../images/webimage/blue-bg.jpg) center top no-repeat scroll;
	-webkit-background-size: cover;
 	-moz-background-size: cover;
	-o-background-size: cover;
 	background-size: cover;
	height:449px;
}
.statistics-phone-bg{
	background:url(../images/webimage/statistics-phone.png) center top no-repeat scroll;
	height:420px;
}
.statistics-number{
	background:url(../images/webimage/tag-bg.png) center top no-repeat scroll;
	width:46px;
	height:60px;
	color:#4ad4de;
	font-size:42px;
	font-weight:bold;
}
.dl-style-bt img{
	cursor:pointer;
}
/********** product  part **********/
.product-style{
	background:url(../images/webimage/product-banner.jpg) center top no-repeat scroll;
	-webkit-background-size: cover;
 	-moz-background-size: cover;
	-o-background-size: cover;
 	background-size: cover;
	height:605px;
}
.product-nav{
	height:100px;
	background-color:#dad2cc;
}
.product-nav li{
	width:33.3%;
	text-align:center;
}
.product-nav .nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  background-color:#dad2cc;
  border:1px solid #dad2cc;
}
.product-nav .nav > li {
  position: relative;
  display: block;
}
.product-nav .nav > li > a {
  position: relative;
  display: block;
  font-size:20px;
  padding: 24px 15px;
}
.product-nav .nav > li > a:hover,
.product-nav .nav > li > a:focus {
  text-decoration: none;
  color: #00a2e9;
}
.product-nav .nav > li > a > img {
  max-width: none;
}
.product-nav .nav-tabs {
  border-bottom:none;
}
.product-nav .nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.product-nav .nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
}
.product-nav .nav-tabs > li > a:hover {
  border-color:transparent;
}
.product-nav .nav-tabs > li.active > a,
.product-nav .nav-tabs > li.active > a:hover,
.product-nav .nav-tabs > li.active > a:focus {
  color: #00a2e9;
  background-color:#dad2cc;
  cursor: default;
  border: none;
}
.product-bstyle{
  height:366px;
  width:100%;
  background-color:#00a2e9;
}
/****SDK download****/
.sdk-style{
	background:url(../images/webimage/sdk-bg.jpg) center top no-repeat scroll;
	-webkit-background-size: cover;
 	-moz-background-size: cover;
	-o-background-size: cover;
 	background-size: cover;
	height:402px;
}
.sdk-ldstyle{
  border:1px solid #ddd; 
  background:#f5f5f5;
  padding:15px 20px; 
  margin-top:10px;
  width:100%; 
}
.sdk-text-style{
  font-size:14px;
  color:#777777;
}
.sdkld-ul li{ 
  width:100%; 
}
.android-size20{
	font-size:20px;
}
.android-lg{
	font-size:24px;
}
/**NEWS PART**/
.news-style{
	background:url(../images/webimage/news-bg.jpg) center top no-repeat scroll;
	-webkit-background-size: cover;
 	-moz-background-size: cover;
	-o-background-size: cover;
 	background-size: cover;
	height:400px;
}
.news-list-detail dt{ 
	float:left; 
	list-style:none;
}
.news-list-detail dt img{
	width:186px; height:114px;
}
.news-list-right{
	margin-left:210px;
}
.news-list-h4{
	display:block;
}
.news-list-h4 a{
	color:#333333;
	font-size:18px;
	font-weight:600;
}
.news-list-h4 a:hover{
	text-decoration:underline;
}
.news-list-time{
	color:#b3b3b3;
	font-size:12px;
	font-weight:normal;
}
.news-list-right p{
	color:#666666;
	font-size:14px;
	line-height:24px;
}
/***news-detail***/
.news-detail-border{
	border-bottom:1px solid #e7e7e7;
}
.date-style{
	color:#cccccc;
}
.news-detail-p p{ text-indent:2em;}
/***footer part***/
.footer-ul{
	margin:0 auto;
	width:700px;
}
.footer-ul li{
	list-style:none;
	float:left;
	padding:0 25px;
}
.footer-ul li a{
    color:#333333;
}
